/**Configuramos el mapa**/

var runner = new Ext.util.TaskRunner();
function initialize(destino){
     var task = {
 		run: function(){
            var urla='http://localhost/web/php/estadoPlazas.php';
            Ext.Ajax.request({
               url: urla ,
               success: function(respuesta){
                    var estado=[];
                    var auxestado=[];
                    estado=Ext.util.JSON.decode(respuesta.responseText);
        
                    if (GBrowserIsCompatible())
                         var map = new GMap2(document.getElementById("subcontenido"));
                         
                         map.setMapType(G_SATELLITE_MAP);
                        // map.disableDragging();
                         map.disableDoubleClickZoom();
                         map.disableScrollWheelZoom();
                         map.enableContinuousZoom();
                         
                         map.removeMapType(G_HYBRID_MAP);
                         
                         
                         map.setCenter(new GLatLng(39.636470, 2.645483), 18);
                         map.addControl(new GLargeMapControl());
                         var mapControl= new GMapTypeControl();
                         map.addControl(mapControl);
                        //<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=uib&amp;sll=39.96028,-0.505371&amp;sspn=3.940754,10.151367&amp;ie=UTF8&amp;ll=39.96028,-0.505371&amp;spn=3.940754,10.151367&amp;t=h&amp;output=embed&amp;s=AARTsJqQ7GpiVnUaOakXUSzrVPZFZtYhlg"></iframe><br /><small><a href="http://maps.google.es/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=uib&amp;sll=39.96028,-0.505371&amp;sspn=3.940754,10.151367&amp;ie=UTF8&amp;ll=39.96028,-0.505371&amp;spn=3.940754,10.151367&amp;t=h" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>
                        
                        function creaMarcador(punto,icono,mensaje){
                            // Creamos nuestro icono de marcador "pequeño".
                            var redIcon = new GIcon();
                            redIcon.image = "http://localhost/web/design/rojo.gif";
                            redIcon.iconSize = new GSize(12, 12);
                            redIcon.iconAnchor = new GPoint(6, 20);
                            redIcon.infoWindowAnchor = new GPoint(5, 1);
                            
                            var greenIcon = new GIcon();
                            greenIcon.image = "http://localhost/web/design/verde.gif";
                            greenIcon.iconSize = new GSize(12, 12);
                            greenIcon.iconAnchor = new GPoint(6, 20);
                            greenIcon.infoWindowAnchor = new GPoint(5, 1);
    
    
                            // Configuramos nuestro objeto literal GMarkerOptions.
                            redMarkerOptions = {icon:redIcon};
                            greenMarkerOptions={icon:greenIcon};                        
                        
                            // Configuramos nuestro objeto GMarkerOptions.
                            if (icono=='rojo'){
                                var marker = new GMarker(point, redMarkerOptions);  
                            }else{
                                var marker = new GMarker(point, greenMarkerOptions);      
                            }
                            
                            GEvent.addListener(marker, "click", function() {
                                marker.openInfoWindowHtml( mensaje );
                            });
                            return marker;
                        }
                        var marker;
                        var point;
                        var message;
                        var fecha;
                        var libres=0;
                        var posPlazas=[[39.636507,2.645386],
                                       [39.636578, 2.645365],
                                       [39.636480, 2.645558],
                                       [39.636539,2.645547],
                                       [39.636600, 2.645540]
                                       ];
                        
                        var fecha;
                        for (var i=0;i<estado.length;i++){
                            if (estado[i].OCUPADO=='1'){
                                message='<h2><span>Plaza '+(i+1)+'</span></h2><p class="info noprint"> <b>Dirección MAC:</b>  '
                                        +estado[i].MAC+'</p> <p class="info noprint"> <b> Posición:</b>  '+
                                        +posPlazas[i][0]+'  '+posPlazas[i][1]+'</p> <p class="info noprint">  <b>Última lectura:</b>  '
                                        +estado[i].TIEMPO+'</p><p class="info noprint"><b>Estado:</b>   Ocupado</p>';
                                point=new GLatLng(posPlazas[i][0],posPlazas[i][1]);
                                map.addOverlay(creaMarcador(point, 'rojo',message));
                            }else{
                                libres++;
                                        message='<h2><span>Plaza '+(i+1)+'</span></h2><p class="info noprint"> <b>Dirección MAC:</b>  '
                                        +estado[i].MAC+'</p> <p class="info noprint"> <b> Posición:</b>  '+
                                        +posPlazas[i][0]+'  '+posPlazas[i][1]+'</p> <p class="info noprint">  <b>Última lectura:</b>  '
                                        +estado[i].TIEMPO+'</p><p class="info noprint"><b>Estado:</b>   Libre</p>';
                                point=new GLatLng(posPlazas[i][0],posPlazas[i][1]);
                                map.addOverlay(creaMarcador(point, 'verde',message));
                            }
                        }
                        var head = Ext.get('cabecera');
                        head.update('<h1>Plazas libres:   '+libres+'/5</h1>');
                    }
               //failure: errorAjax
            });
 			},
 		interval: 120*1000 //2 min
 	}

    runner.start(task);
}